<template>
  <div class="bady">
	<el-container>
	  <el-header> <router-link :to="{path:'/'}">村民</router-link>
 <router-link :to="{path:'/land'}">土地</router-link>
	  <router-link :to="{path:'/good'}">物品</router-link>
	   <button @click="land">获取数据</button></el-header>
	  <el-container>
		<el-main>
			<div>{{msg}}</div>
		</el-main>
		<el-main>
			信息
		</el-main>
	    <el-container>
	      <el-footer>Footer</el-footer>
	    </el-container>
	  </el-container> 
	 
	 
	</el-container>
  </div>
</template>

<script>
// import landInfoApi from './a.js'
// import bJs from './b.js'
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: '土地',
	  
    }
  },
  methods:{
	  // 我修改了一下代码
    land(){
	// console.log(this.$axios)
 //      let a = 1
	this.$axios.get("/wuping/findall?cunid=10").then((res)=>{
        console.log(res.data);
		this.msg = res.data
        // this.landInfoList = res.data
        // this.area = +res.data.mianji
        // console.log(this.landInfoList)

      }).catch((res)=>{
        console.log(res)
      }) 
	// bJs.a(this.$axios)
	
      // landInfoApi.getAreaDataApi(a)
    },
	good(){
		
	}
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
	  
	  <style>
	
	    .el-header, .el-footer {
	      background-color: #B3C0D1;
	      color: #333;
	      text-align: center;
	      line-height: 60px;
		  /* height: 300px !important; */
	    }
	    
	    .el-aside {
	      background-color: #D3DCE6;
	      color: #333;
	      text-align: center;
	      line-height: 200px;
	    }
	    
	    .el-main {
	      background-color: #E9EEF3;
	      color: #333;
	      text-align: center;
	      line-height: 160px;
	    }
	    
	    body > .el-container {
	      margin-bottom: 40px;
	    }
	    
	    .el-container:nth-child(5) .el-aside,
	    .el-container:nth-child(6) .el-aside {
	      line-height: 260px;
	    }
	    
	    .el-container:nth-child(7) .el-aside {
	      line-height: 320px;
	    }
	  </style>
